@import "../../base/base"; // 引入变量
$lineColor: #DEE4EA;
$lightBlue: #32B4E9;
.content-detail {
  background: rgba(251, 252, 253, 1);
}

.tab-down {
  margin-top: 5px;
  ul.ul-box {
    .table-box {
      background: $cr-f;
      width: 100%;
      h3 {
        line-height: 50px;
        border: solid 1px $lineColor;
        border-bottom: none;
        color: #3F9EFF;
        font-size: $ft-sz;
        font-weight: normal;
        @include pdLR(10px);
        i {
          width: 13px;
          height: 10px;
          background: url('/static/img/eleAdd/i-list.png');
          background-size: cover;
          @include mgR(5px);
          @include inline;
        }
      }
      .top-table {
        width: 100%;
        border: solid 1px $lineColor;
        tr {
          td.td-fixed {
            width: 217px;
          }
          td {
            border: solid 1px $lineColor;
            padding: 0 14px;
            width: 25%;
            .pic {
              width: 217px;
              height: 305px;
              margin: 10px auto;
            }
          }
          td.name {
            font-weight: 550;
          }
        }
      }
      &:nth-of-type(1) {
        @include mgB(5px);
      }
      nav { /* 电梯记录样式  start*/
        width: 100%;
        background: $cr-f;
        border: solid 1px $lineColor;
        border-bottom: none;
        line-height: 50px;
        ul {
          li {
            width: 110px;
            height: 50px;
            @include pdLR(24px);
            @include rel;
            cursor: pointer;
          }
          li.hover {
            color: $lightBlue;
            @include tc;
            &:after {
              content: '';
              @include abs;
              left: 50%;
              bottom: 0;
              margin-left: -31px;
              width: 62px;
              height: 3px;
              background: $lightBlue;
            }
          }
        }
      }
      /* 电梯记录样式  end*/
      .record { /* 电梯记录样式(down) start */
        ul {
          .condition {
            height: 50px;
            border: solid 1px $lineColor;
            border-bottom: none;
            .el-form-item {
              @include mgB(0);
              @include inline;
              .el-form-item__label {
                font-size: $sz12;
              }
              &:nth-of-type(2) {
                @include mgL(-50px);
              }
            }
          }

        }
      }
      /* 电梯记录样式(down) end */
    }
  }
}

.tab-down ul.ul-box .table-box .table-list {
  width: 100%;
  border: solid 1px $lineColor;
  .el-table__header-wrapper {
    table {
      border-collapse: collapse;
    }
  }
  .el-table__body-wrapper {
    table {
      border-collapse: collapse;
    }
  }
}

/* 电梯记录(维保历史、维修历史、巡检历史) */
.search-select-head {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
  border: solid 1px #DEE4EA;
  border-bottom: none;
  font-size: 14px;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  color: #323232;
  li {
    width: 60px;
    @include mgLR(20px);
    font-weight: 500;
    @include tc;
    font-size: $ft-sz;
    cursor: pointer;

  }
  li.select {
    color: #3F9EFF;
    border-bottom: 2px solid #3F9EFF;
  }
}

/* 物联设备(此功能还在开发中)  */
.table-none {
  background: #FBFCFD !important;
  border: solid 1px $lineColor;
  @include tc;
  padding-top: 217px;
  height: 560px;
  .i-dev {
    width: 164px;
    height: 109px;

    @include block;
    background: url('/static/img/eleAdd/devlop.png');
    background-size: 100% 100%;
    margin: 0 auto;
  }
}
